<div class="mask-area">
    <#if (resume.completePercent)?? >
        <#if resume.completePercent != 100>
            <#assign stynum = (resume.completePercent)?substring(0,1)>
        <#else>
            <#assign stynum = 10>
        </#if>
    </#if>
    <div class="dashboard"><div class="inner i-${stynum!'0'}" num="${stynum!'0'}">${(resume.completePercent)!'0'}%</div></div>
    <div class="resume-item-box">
        <div class="tips-normal drag-tips">
            <span class="highlight">拖动模块试试看！</span>调整模块顺序或者隐藏不想显示在简历中的模块。
            <p class="alignright"><a href="#" class="t-color">我知道了</a></p>
        </div>

        <dl class="disable-list">
            <dt class="drag-model-tit">显示的模块：</dt>
            <dd id="base"><span class="true"></span>基本信息</dd>
            <dd id="contact"><span class="true"></span>联系方式</dd>
            <#if resume.type == 1>
                <#assign model='practice'/>
            <#else>
                <#assign model='edu'/>
            </#if>
            <dd id="${model}">
            <#if resume.isComplete(model)>
                <span class="true"></span>
            <#else>
                <span class="false">未添加</span>
            </#if>
            <@modelname name="${model}"/>
            </dd>
        </dl>
        <dl class="item-list">
         <#if models?? && models?size &gt; 0>
            <#list models as model>
            <#if model !='' && model !="photo">
                <#if resume.type == 1>
                    <#assign fixedModel = 'practice'/>
                <#else>
                    <#assign fixedModel = 'edu'/>
                </#if>
                <#if model != fixedModel>
                    <dd id="${model}">
                        <#if resume.isComplete(model)>
                            <span class="true"></span>
                        <#else>
                            <span class="false">未添加</span>
                        </#if>
                       <@modelname name="${model}"/>
                    </dd>
                </#if>
            </#if>
            </#list>
         </#if>
         <dt class="drag-model-tit hidden-list" id="hidden">隐藏的模块：</dt>
         <#if hideModels?? && hideModels?size &gt; 0>
             <#list hideModels as model>
                 <#if model !='' && model !="photo">
                 <dd id="${model}" class="hidden-item">
                 <#if resume.isComplete(model)>
                     <span class="true"></span>
                 <#else>
                    <span class="false">未添加</span>
                 </#if>
                     <@modelname name="${model}"/>
                 </dd>
                 </#if>
             </#list>
             </#if>
        </dl>
        <div class="bottom-bar">
            <a href="#" class="J_editModel">模块编辑</a>
        </div>
        <div class="button-bar">
            <a class="big-fresh margin J_saveDrag" href="javascript:void(0);"><span>保存</span></a>
            <a class="big-normal J_cancelDrag" href="javascript:void(0);"><span>取消</span></a>
        </div>
    </div>
</div>
<#if resume.type == 1 && showTips??>
    <div class="model-tips" style="display:none;"><span class="arrow"></span>
        <p class="g9">点击这里可以恢复隐藏模块，添加更多信息</p>
        <p class="alignright"><a href="javascript:void(0);" class="t-color" id="closeTips">我知道了</a> </p>
    </div>
</#if>
<script type="text/javascript">

    function modelTip(){
        var top = $('.J_editModel').offset().top -25,
                left = $('.J_editModel').offset().left +80;
        $('.model-tips').css({'left':left+'px','top':top+'px'}).show()
    }
    $(function(){
        modelTip()
    });
    $('#closeTips').click(function(){
        $('.model-tips').hide();
        $.ajax({
            type:'post',
            url:'/resume/layouttips/hide',
            success:function() {
            }
        });
    })
</script>

<#macro modelname name>
    <#if name ='edu'>
        <#assign modelName = '教育经历'/>
    <#elseif name ='lang'>
        <#assign modelName = '语言能力'/>
    <#elseif name ='cert'>
        <#assign modelName = '证书'/>
    <#elseif name ='itskill'>
        <#assign modelName = 'IT技能'/>
    <#elseif name ='project'>
        <#assign modelName = '项目经验'/>
    <#elseif name ='training'>
        <#assign modelName = '培训经历'/>
    <#elseif name ='practice'>
        <#assign modelName = '工作经历'/>
    <#elseif name ='intern'>
        <#assign modelName = '实习经历'/>
    <#elseif name ='offer'>
        <#assign modelName = '求职经历'/>
    <#elseif name ='other'>
        <#assign modelName = '其他信息'/>
    <#elseif name ='scholarship'>
        <#assign modelName = '校内奖励'/>
    <#elseif name ='affix'>
        <#assign modelName = '附件/作品'/>
    <#elseif name ='position'>
        <#assign modelName = '校内职务'/>
    </#if>
    ${modelName!""}
</#macro>
